<template>
	<view class="flex align-center justify-between u-p-20 bg-white u-border-bottom">
	  <image class="rounded-10" :src="detail.logo_image" style="width: 80rpx;height: 80rpx;"></image>
	  <view class="flex-1 flex justify-between u-m-l-20">
	    <view class="left">
				<view class="text-ellipsis" style="width: 250rpx;">
					<text class="u-font-28" >{{detail.store_name}}</text>
				</view>
	      <view class="flex align-center u-m-t-16" style="height: 30rpx;line-height: 30rpx;">
					<uni-icons type="contact-filled"></uni-icons>
	        <text class="u-p-l-10 u-font-24">{{detail.favorites}}人</text>
	      </view>
	    </view>
	    <view class="right flex align-center">
	      <view class="pr-2">
				<u-tag :text="detail.is_focus? '已关注':'关注商家'" :bg-color="detail.is_focus? '#ffddd4':'var(--mainColor)'" border-color="#fff" :color="detail.is_focus? 'var(--mainColor)':'#ffffff'"  shape="circle" mode="dark" @click="collect"/>
	      </view>
	    </view>
	  </view>
	</view>
</template>

<script>
	export default {
		name:"supplier-sec-item2",
    props:{
      detail: {
        type: Object,
        default() {
          return {}
        }
      },
      imgSize: {
        type: String,
        default: '147rpx'
      },
    },
		data() {
			return {
				
			};
		},
		methods: {
			toSupplier() {
				uni.navigateTo({
					url:'/pages/supplierPage/supplierIndex/supplierIndex?id=' + this.item.id
				})
			},
			collect() {
				console.log(48498);
				this.$emit('collect')
			}
		}
	}
</script>

<style lang="scss">

</style>
